<!DOCTYPE html>
<html lang="zh-CN"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <meta name="keywords" content="首页"/>
    <meta name="description" content="首页"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="_csrf" th:content="${_csrf.token}"/>
    <meta name="_csrf_header" th:content="${_csrf.headerName}"/>
    <meta name="viewport" content="width=device-width,viewport-fit=cover">
    <link rel="stylesheet" type="text/css" th:href="@{/shoppingApi/css/swiper.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/shoppingApi/css/public.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/shoppingApi/css/index.css}">
    <link th:href="@{/shoppingApi/css/weui.min.css}" rel="stylesheet">
    <link th:href="@{/shoppingApi/css/jquery-weui.min.css}" rel="stylesheet">
    <style>
        .index {
            margin: 0 auto;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .index .tabul {
            height: 100%;
            overflow: auto;
            margin-top: 0;
            padding-top: 91px;
        }

        .index .bannerimg {
            margin-top: 0;
        }

        .main_con {
            height: 100%;
        }

        .lingshouzhuanqu {
            display: inline-block;
            height: 45px;
            color: #f70029;
        }

    </style>
</head>
<body>
<div class="main index">
    <div class="main_con">
        <div class="top bgfff">
            <!--搜索框-->
            <div class="search flex flex-ac">
                <a class="rela" href="/wap/getSysMessage">
                    <img class="w100  message" th:src="@{/shoppingApi/images/mess.png}">
                    <span class="abs num message-count"></span>
                </a>
                <div class="it1">
                    <a th:href="@{/wap/search}" class="flex flex-ac db">
                        <img th:src="@{/shoppingApi/images/search.png}">
                        <input class="it1" type="text" placeholder="请输入关键词">
                    </a>
                </div>
                <a href="javascript:;" class="rela omit" id="shareapp">
                    <img class="w100" th:src="@{/shoppingApi/images/omit.png}">
                </a>
            </div>
            <!--导航栏-->
            <div class="banner pl15 pr15">
                <div class="swiper-container ftc ft14 c323232">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide active"><a href="/wap/productIndex" class="lingshouzhuanqu">零售专区</a>
                        </div>
                        <div class="swiper-slide"><a href="/wap/openDuiHuan?pageNum=1&sign=5" class="duihuan">兑换专区</a>
                        </div>
                        <div class="swiper-slide"><a href="/wap/openTiYan?pageNum=1&sign=3" class="tiyan">体验专区</a></div>
                        <div class="swiper-slide"><a th:href="@{'/wap/openHuoDong?sign=7'}" class="huodong">活动专区</a>
                            <!--<div class="swiper-slide"><a href="javascript:alert('敬请期待')" class="huodong">活动专区</a>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--导航分类1-->
        <div class="tabul">
            <div class="bannerimg">
                <div class="swiper-container ftc ft14 c323232 bold">

                    <div class="swiper-wrapper">



                    <div class="swiper-pagination">  </div>
                </div>
            </div>
            <div class="line"></div>
            </div>
           <img style="padding: 40px;" src="/shoppingApi/images/5001.png">

        </div>
        <!--导航分类2  -->
        <span class="back-top"></span>
        <div class="fixedBox50">
            <ul class="fixed-bottom bottom flex flex-pc ftc bgfff nft10 c323232">
                <li class="it1 active">
                    <a class="db">
                        <span class="img"></span>
                        <span>首页</span>
                    </a>
                </li>
                <li class="it1">
                    <a th:href="@{/wap/selectProductYJAndRjClassfy}" class="db">
                        <span class="img"></span>
                        <span>分类</span>
                    </a>
                </li>
                <li class="it1">
                    <a th:href="@{/wap/getCartList}" class="db">
                        <span class="img"></span>
                        <span>购物车</span>
                    </a>
                </li>
                <li class="it1">
                    <a th:href="@{/wap/openUserCenter}" class="db">
                        <span class="img"></span>
                        <span>我的</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

<style>.weui-toast--text{top:80%;}</style>
<div id="mini-popup" class="weui-popup__container popup-bottom">
    <div class="weui-popup__overlay"></div>
    <div class="weui-popup__modal share-layer">
        <p class="flex mt20 mb20 flex-ac pl15 pr15">
            <span class="ml20 mr20 it1 lineh1"></span>
            <span class="ft14 c323232">分享到</span>
            <span class="ml20 mr20 it1 lineh1"></span>
        </p>
        <ul class="overflow ft14 c323232 ftc">
            <li id="miniShareMessage">
                <img class="wxhaoyou" th:src="@{/shoppingApi/images/share1.png}">
                <p class="mt10 ">微信好友</p>
            </li>
            <li id="miniShareTimeline">
                <img th:src="@{/shoppingApi/images/share2.png}">
                <p class="mt10">朋友圈</p>
            </li>
        </ul>
        <img class="close close-popup" th:src="@{/shoppingApi/images/close3.png}">
    </div>
</div>
</body>

</html>
